<template>
   
    
        <div class="footer">
        <p>{{companyName}}</p>
        <p>湘ICP备17010899号-1</p>
        <p><img src="./img/gb.gif" /><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43011102001374"  target="_blank"> 湘公网安备 43011102001374号</a></p>
         <p>
        <span class="dizhi">地址：{{address}}</span> <span>邮 箱：{{email}}</span>
        </p>

        </div>


</template>

<script>
export default {
  name: "Footer",
    data() {
    return {
      address:this.$store.state.data.info.address,
      email:this.$store.state.data.info.email,
      companyName:this.$store.state.data.info.companyName
    };
  },

};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.footer {
  background-color: #409eff;
  text-align: center;
  color: #fff;
  margin: 20px auto 0px;
  padding-bottom:10px
}
p{
    padding-top: 10px;
}

a {
  text-decoration: none;
  
}

a:visited { 
color:#fff; 
text-decoration:none; 
} 

.dizhi{
  margin-right: 20px;
}
</style>
